<template>
  <div id="rocket">
    <div class="rocket_top" @click="click_go">
      <img class="rocket_img" :src="url.icon_rocket_kefu" alt="客服" />
      <p class="rocket_text">
        <span>咨询</span>
        <span>反馈</span>
      </p>
    </div>
  </div>
</template>

<script>
export default {
  name: 'rocket',
  data() {
    return {
      url: {
        icon_rocket_kefu: require('@/assets/images/school/icon_rocket_kefu.png'),
      },
    }
  },
  methods: {
    click_go() {
      this.$router.push({
        path: '/school/consultationand',
        query: {
          ...this.$route.query
        },
      })
    },
  },
}
</script>

<style scoped lang="less">
#rocket {
  width: 10%;
  position: fixed;
  left: 5%;
  bottom: 5%;
  color: #6ca5fb;

  .rocket_top {
    width: 100%;

    .rocket_img {
      width: 100%;
    }

    .rocket_text {
      margin: auto;
      margin-top: 5px;
      font-size: 1rem;
    }
  }
}
</style>
